<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>测试vue提供的ajax技术</title>
		
		<!-- 1. 导入js文件 -->
		<script src="vue.js"></script>
		<script src="axios.min.js"></script>
		<!-- 后面的这个js文件用于发起ajax请求，异步访访问，局部刷新 -->
		
		<!-- 2. 准备数据渲染区 -->
		<div id="app">
			123{{info}}
		</div>
		
		<!-- 3. 创建Vue对象 -->
		<script>
			new Vue({
				el:"#app",// 挂载点
				data:{// 数据区
					info:''					
				},
				mounted:function(){// 发起ajax请求,访问服务器
					axios.get('http://localhost:8080/car/get').then(
						// 处理返回值，箭头语法，其中a表示服务器返回的数据
						a=>(
							this.info=a.data
						)
					)					
				}
			})
		</script>
	</head>
	<body>
	</body>
</html>
